import { render, screen } from '@testing-library/react-native';
import React from 'react';

import Checkbox from '../Checkbox';

describe('Checkbox', () => {
  it('renders a native checkbox', () => {
    render(<Checkbox value color="#4630EB" />);
    expect(screen.toJSON()).toMatchInlineSnapshot(`
      <View
        accessibilityRole="checkbox"
        accessibilityState={
          {
            "busy": undefined,
            "checked": true,
            "disabled": undefined,
            "expanded": undefined,
            "selected": undefined,
          }
        }
        accessibilityValue={
          {
            "max": undefined,
            "min": undefined,
            "now": undefined,
            "text": undefined,
          }
        }
        accessible={true}
        collapsable={false}
        focusable={true}
        onBlur={[Function]}
        onClick={[Function]}
        onFocus={[Function]}
        onResponderGrant={[Function]}
        onResponderMove={[Function]}
        onResponderRelease={[Function]}
        onResponderTerminate={[Function]}
        onResponderTerminationRequest={[Function]}
        onStartShouldSetResponder={[Function]}
        style={
          [
            {
              "borderColor": "#657786",
              "borderRadius": 2,
              "borderWidth": 2,
              "height": 20,
              "width": 20,
            },
            undefined,
            {
              "backgroundColor": "#009688",
              "borderColor": "#009688",
            },
            {
              "backgroundColor": "#4630EB",
              "borderColor": "#4630EB",
            },
            undefined,
            undefined,
          ]
        }
      >
        <Image
          source={
            {
              "uri": "",
            }
          }
          style={
            {
              "bottom": 0,
              "left": 0,
              "position": "absolute",
              "right": 0,
              "top": 0,
            }
          }
        />
      </View>
    `);
  });
});
